<template>
  <div>
      <div class="bigbox">
          <div class="box" @click="fun1()">
              <img src="@/assets/indeximg/2.png" alt="">
              <p>上新精选</p>
          </div>
        <div class="box" @click="fun()">
            <img src="@/assets/indeximg/3.png" alt="">
            <p>小米众筹</p>
        </div>
         <div class="box">
            <img src="@/assets/indeximg/4.png" alt="">
            <p>有品秒杀</p>
        </div>
         <div class="box">
            <img src="@/assets/indeximg/5.png" alt="">
            <p>生活优选</p>
        </div>
         <div class="box">
            <img src="@/assets/indeximg/6.png" alt="">
            <p>小米自营</p>
        </div>
      </div>
  </div>
</template>

<script>
export default {
    methods: {
    fun() {
      this.$router.push("/zhongchou");
    },
    fun1() {
      this.$router.push("/jingxuan");
    },
  },
}
</script>

<style scoped>
    .bigbox{
        width: 100%;
        height: 0.9rem;
        background-color: #f4f4f4;
        display: flex;
    }
    .bigbox .box{
        width: 20%;
        height: 0.9rem;
        text-align: center;
    }
    .bigbox .box img{
        width: 0.6rem;
        height: 0.6rem;
        transform: translateY(-0.25rem);
    }
    .bigbox .box p{
        font-size:0.12rem ;
        line-height: 0.2rem;
        transform: translateY(-0.65rem);
    }
</style>